import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import {
  APP_BLACK,
  APP_GRAY,
  APP_RED,
  BANNER_BACKGROUND_GRAY
} from '../../../../constant/color';

export default StyleSheet.create({
  container: {},
  headImage: {
    width: phonePx(360),
    height: phonePx(220),
    backgroundColor: BANNER_BACKGROUND_GRAY
  },
  info: {
    height: phonePx(103),
    paddingLeft: phonePx(14)
  },
  price: {
    fontSize: phonePx(20),
    color: APP_RED,
    fontWeight: '500',
    lineHeight: phonePx(28),
    marginTop: phonePx(12)
  },
  symbol: {
    fontSize: phonePx(12),
    color: APP_RED,
    fontWeight: '500',
    lineHeight: phonePx(28),
    marginTop: phonePx(12)
  },
  name: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    lineHeight: phonePx(22),
    fontWeight: '500',
    marginTop: phonePx(4)
  },
  time: {
    fontSize: phonePx(12),
    color: APP_GRAY,
    lineHeight: phonePx(17),
    marginTop: phonePx(8)
  },
  priceContent: {
    flexDirection: 'row',
    alignItems: 'flex-end'
  },
  showPrice: {
    fontSize: phonePx(14),
    color: APP_BLACK,
    fontWeight: '500',
    lineHeight: phonePx(24),
    textDecorationLine: 'line-through',
    marginRight: phonePx(8)
  }
});
